import { defineComponent, ref } from "vue";
import { Edit } from "@element-plus/icons-vue";
import stepOne from "./steps/stepOnePage";
import stepTwo from "./steps/stepTwoPage";
import stepThree from "./steps/stepThreePage";
import './index.scss'
export default defineComponent(() => {
  const activeSteps = ref(3);

  const render = () => {
    return (
      <>
        <el-steps active={activeSteps.value} simple style="margin-top: -20px">
          <el-step title="选择实体" icon={Edit} />
          <el-step title="设置基本信息" icon={Edit} />
          <el-step title="设置标签规则" icon={Edit} />
        </el-steps>
        {activeSteps.value == 1 && <stepOne />}
        {activeSteps.value == 2 && <stepTwo />}
        {activeSteps.value == 3 && <stepThree />}
      </>
    );
  };
  return render;
});
